﻿<!--css-->
<style type="text/css">
    /*选中样式*/
      .xueyuanduan_renwulist_title span{
        display: inline-block;
        cursor: pointer;
        padding: 0 10px;
    }
    .xueyuanduan_renwulist_title .active
    {
        font-weight: bold;
        color: #666;
        border-bottom: 3px #39f solid;
    }
</style>
<!--body-->
<div ng-controller="stuTrainingList">
    <div class="xueyuanduan_renwulist_top">
        <ul class="xueyuanduan_renwulist_top_fl" style="width: 150px;">
            <li ng-click="selTypeList('')" ng-class="{'active': stuListParams.searchType == ''}"><strong>{{'whole'|T}}</strong></li>
             <li ng-click="selTypeList('2')" ng-class="{'active': stuListParams.searchType == '2'}"><strong>{{'compulsory'|T}}</strong></li>
             <li ng-click="selTypeList('1')" ng-class="{'active': stuListParams.searchType == '1'}"><strong>{{'Elective'|T}}</strong></li>
         </ul>
     </div>
    <div class="xueyuanduan_renwulist" style="margin-top: 10px">
        <div class="xueyuanduan_renwulist_title" style="margin-bottom: 10px;">
        <span ng-click="selTrainList('1')" ng-class="{'active': isTrainList == '1'}"> {{'whole'|T}}</span>
            <span ng-click="selTrainList('2')" ng-class="{'active': isTrainList == '2'}">
                {{'NotBegin'|T}}</span>
            <span ng-click="selTrainList('3')" ng-class="{'active': isTrainList == '3'}">
                 {{'HaveInHand'|T}}</span>
            <span ng-click="selTrainList('4')" ng-class="{'active': isTrainList == '4'}">
                {{'Completed'|T}}</span>
            <span ng-click="selTrainList('5')" ng-class="{'active': isTrainList == '5'}">
             {{'Finished'|T}}</span>
            <span ng-click="selTrainList('6')" ng-class="{'active': isTrainList == '6'}">
             {{'beginInAMinute'|T}}</span>
            <!--折叠所有-->
            <a ng-href="{{commonUrl}}" target="_blank" id="commonHref" style="display:none;"></a>

            <div class="xueyuanduan_renwulist_title_axxsxpx" ng-if="false">
                <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-paixu1"></use></svg>
                {{'SortByLearningOrder'|T}}</div>
            <div class="xueyuanduan_renwulist_title_right">
<!--                <input type="button" style="    width: 90px;    background-color: #39f;    border: 1px solid #39f;    color: #fff;
    padding: 5px;    cursor:  pointer;" value="刷新任务" ng-click="getStuTrainList()" >-->
                <div class="xueyuanduan_renwulist_title_sxkclx" ng-if="false">
                     {{'ScreeningCourseTypes'|T}}<span class="caret"></span>
                </div>

                <div class="xueyuanduan_renwulist_title_sousuo">
                    <input type="text" class="" placeholder="{{'PleaseEnterTaskNameOrPinyinAbbreviation'|T}}" ng-model="stuListParams.name"
                        ng-keyup="findKeyEnter($event)" />
                    <svg class="icon" aria-hidden="true" ng-click="getStuTrainList()">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-sousuo"></use>
                    </svg>
                </div>
                <div ng-click="switchMode()" style=" cursor:pointer">
                    <i class="iconfont" ng-if="!isIconList">&#xe6d6;</i>
                    <svg class="icon" aria-hidden="true" ng-if="isIconList">
                        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-liebiao"></use>
                    </svg>{{isIconList?('ListMode'|T):('IconMode'|T)}}
                </div>
            </div>
            
        </div>
        <div class="xueyuanduan_renwulist_main" >
            <!--Loading-->
            <loading isloading="newloading" ng-if="newloading"></loading>
            <div class="xueyuanduan_renwulist_itemgroup" style="min-height: 500px; overflow:hidden;" ng-if="isTrainList!='7'">
                <!--空值-->
                <div class="panel panel-default xueyuanduan_renwulist_item" ng-if="stuTrainList.length <= 0 && !newloading">
                    <center style="margin: 100px auto;">
                        <img src="/images/null/stunull.png" />
                        <div style="font-size:30px;color:#a3a3a3;">{{'TrainListNull'|T}}</div>
                    </center>
                </div>
                <!--开始遍历--> 
                <div class="panel panel-default xueyuanduan_renwulist_item" ng-repeat="sTObj in stuTrainList"
                    ng-class="{'xueyuanduan_renwulist_item_wancheng': (sTObj.completeCount/sTObj.courser_count)*100 >=100,'xueyuanduan_renwulist_item_weikaishi':(sTObj.completeCount/sTObj.courser_count)*100 <=0 || !sTObj.completeCount,'xueyuanduan_renwulist_item_jinxingzhong':(sTObj.completeCount/sTObj.courser_count)*100 >0 && (sTObj.completeCount/sTObj.courser_count)*100 <100,'xueyuanduan_renwulist_itemimg':isIconList}">
                    <!--名称-->
                    <div class="panel-heading" ng-click="stageIsShow(sTObj)">
                        <a data-toggle="collapse" data-parent="#accordion" href="javascript:void(0)" style="font-weight: bolder;">                            
                            <img ng-src="{{sTObj.img}}"  src="/images/train/fengmian098.png" style="height:143px;" onerror="javascript:this.src='/images/train/fengmian098.png'">
                            <span>{{sTObj.name}}
                             <span ng-if="isTrainList==5&&sTObj.date_formate==2" style="font-weight: initial;color: red;"> {{'TaskDays'|T}}： {{sTObj.date_formate_time }}</span>
                             <span ng-if="isTrainList==5&&sTObj.date_formate==1" style="font-weight: initial;color: red;"> {{'EndTime'|T}}： {{sTObj.end_Date }}</span>
                             <span ng-if="isTrainList==6&&sTObj.date_formate==2" style="font-weight: initial;color: green;">{{'TaskDays'|T}}： {{sTObj.date_formate_time }}</span>
                             <span ng-if="isTrainList==6&&sTObj.date_formate==1" style="font-weight: initial;color: green;"> {{'StartTime'|T}}： {{sTObj.start_Date }}</span>
                            </span>
                            <div class="xueyuanduan_renwulist_progress">
                                <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-chenggong1"></use></svg>
                                {{sTObj.courser_count<=0?('empty'|T):(sTObj.completeCount >= sTObj.courser_count ? ('Completed'|T): (sTObj.completeCount >0 &&
                                sTObj.completeCount < sTObj.courser_count ? ('HaveInHand'|T) : ('NotBegin'|T))) }}
                                <div class="progress ">
                                    <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0"
                                        aria-valuemax="100" style="width: {{sTObj.courser_count<=0?0:(sTObj.completeCount/sTObj.courser_count)*100}}%">
                                    </div>
                                </div>
                                <svg class="icon" aria-hidden="true" style="padding-left:10px;"  ng-click="reloadProgress($event,sTObj)"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-shuaxin"></use></svg>
                            </div>
                            <span class="badge pull-right">
                                <svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" ng-linkhref="{{sTObj.isOpen?'#icon-shouqi2' : '#icon-shouqi3-copy' }}" xlink:href=""></use></svg>
                                {{ sTObj.isOpen? ('TakeUpTheCourse'|T) : ('LaunchACourse'|T)}} </span>
                            <!--点击收起课程时.panel-body隐藏 xlink:href-->
                        </a>
                    </div>

                </div>
                
                
                
            </div>
            <!---直播新业务，直接拿到id就可以进入直播间，暂时没有鉴权操作--->
            <!---直播间可放到课程里把课程设为公开课，或是通过把课程放到任务里进行分配，或是设为公共直播间--->
            <!----------------------------------------------------------直播----------------------------------------------------->

            <div class="xueyuanduan_renwulist_itemgroup" style="min-height: 500px;overflow:hidden;" ng-if="isTrainList=='7'">
                <!--空值-->
                <div class="panel panel-default xueyuanduan_renwulist_item" ng-if="sectionList.length <= 0 && !newloading">
                    <center style="margin: 100px auto;">
                        <img src="/images/null/stunull.png" />
                        <div style="font-size:30px;color:#a3a3a3;">{{'Null'|T}}</div>
                    </center>
                </div>
                <!--开始遍历--> 
                <!--判断有没有完成-->
                <div class="panel panel-default xueyuanduan_renwulist_item" ng-repeat="section in sectionList">
                    <!--名称-->
                    <div class="panel-heading" >
                        <a ng-if="section.chapterJson.liveId!=undefined" data-toggle="collapse" data-parent="#accordion"  href="/live/index.html?id={{section.chapterJson.liveId}}" target="_blank" style="font-weight: bolder;">                            
                            <span>{{section.csname}}</span>
                            <div class="xueyuanduan_renwulist_progress" style="font-weight: initial;">
                                <span></span>
                            </div>
                            <div>
                                <span class="badge pull-right"><svg class="icon" aria-hidden="true"><use xmlns:xlink="http://www.w3.org/1999/xlink" ng-linkhref="#icon-my-zhibo-copy" xlink:href=""></use></svg>{{'AccessToLiveBroadcastingRoom'|T}}</span>
                            </div>
                        </a>
                        <a ng-if="section.chapterJson.liveId==undefined"data-toggle="collapse" data-parent="#accordion"  href="javascript:void(0)" style="font-weight: bolder;">                            
                            <span>{{section.csname}}<span style="color: red;">[直播信息不完整]</span></span>
                        </a>
                    </div>

                </div>
                
                
                
            </div>
        </div>
        <!--分页-->
        <tm-pagination conf="paginationConf" ng-if="isTrainList!='7'"></tm-pagination>
        <tm-pagination conf="paginationConfLive" ng-if="isTrainList=='7'"></tm-pagination>
    </div>
    <!--文件预览-->
    <filepre isdata="isFilePreview" ng-if="isFilePreview.divhide"></filepre>
    <training-task-preview ng-if="previewShow" task-obj="previewObj" on-close="closePreview()"  show-know="true" ></training-task-preview>
</div>
